<template>
<div style="text-align: center">
  <el-pagination background layout="total, prev, pager, next, jumper"
                 :total="total" :page-size="pageSize" @current-change="changePage">
  </el-pagination>
</div>
</template>

<script>
export default {
  name: "PageInation",
  props:{
    total:{
      type:Number,
      default:0
    },
    pageSize:{
      type:Number,
      default: 5
    }
  },
  methods:{
    changePage(page){
      this.$emit("changePage", page);
    }
  }
}
</script>

<style scoped>

</style>
